<p style="font-size: 2vw;">系统自带管道</p>

<!-- pipe 管道 -->
<!-- 与vue不同的是：vue中的管道需要用户自己定制声明，管道就是vue中的过滤器，如果过滤器你不懂，那么请补一下vue2基础 -->
<!-- angular官方提供了一些常用的管道 -->

<ul>
    <!-- uppercase、lowercase都是angular官方封装好的过滤器，你可以直接用 -->
    <li>大写：{{ 'hello' | uppercase }}</li>
    <li>小写：{{ 'GGG' | lowercase }}</li>
    <!-- titlecase可以把首字母大写，注意，是把一句话中每个单词的首字母都大写 -->
    <li>首字母大写：{{ 'my name is hzj' | titlecase }}</li>

    <!-- percent可以把小数变为百分数格式，默认仅保留小数点后两位，比如0.444，就只取0.44 -->
    <li>百分数: {{ 0.33 | percent }}</li>
    <li>百分数: {{ 0.44444 | percent }}</li>
    <!-- precent可以自定义保留位数, 像这样2.2就是转为百分制后整数位两个、小数位两个，如果转换后位数不足则会用0补全 -->
    <li>百分数自定义保留位数: {{ 0.5555 | percent:'2.2' }}</li>
    <li>百分数自定义保留位数: {{ 0.0555 | percent:'2.2' }}</li>

    <!-- currency会将数字转为千进位，默认以美元做为标识，且小数位自动保留两位并四舍五入，可以自定义标识符号，参考下面代码 -->
    <li>钱: {{ 123456.789 | currency }}</li>
    <li>钱(人民币版本): {{ 123456.789 | currency:'¥' }}</li>

    <!-- 日期格式 -->
    <!-- 时间戳就是指当前时间距离1970年1月1日的秒数 -->
    <li>时间戳：{{ time }}</li>
    <li>日期格式：{{ time | date}}</li>
    <!-- 
        可以通过参数自定义格式，常用的为yyyy-MM-dd hh:mm:ss
        year 年 y
        month 月 M
        day 日 d
        hour 时 h为12小时制 H为24小时制
        minute 分 m
        second 秒 s
     -->
    <li>日期格式：{{ time | date:'yyyy-MM-dd hh:mm:ss'}}</li>
    <li>日期格式：{{ time | date:'yyyy-M-d h:m:s'}}</li>
</ul>
